<template>
    <div>
        <div style="min-height:300px;" v-loading="loading">
            <el-row :gutter="20">
                <el-col :key="index" :span="6" v-for="(item,index) in data">
                    <item :data="item"></item>
                </el-col>
            </el-row>
        </div>
        <el-card body-style="padding:10px" class="box-card mt-10">
            <el-pagination :current-page="page" :total="total" @current-change="pageChange" @size-change="sizeChange" layout="total, prev, pager, next, sizes" style="margin-top: 8px;" />
        </el-card>
    </div>
</template>

<script>
import item from './item.vue'
import initData from '@/mixins/index'
export default {
    components: {
        item,
    },
    mixins: [initData],
    data() {
        return {
            query: {
                status: 1,
                size:12
            },
        }
    },
    mounted() {
        this.beforeInit()
    },
    methods: {
        beforeInit() {
            this.url = '/live/index'
            this.init() //重新请求数据
        },
    },
}
</script>

<style>
</style>